
.share-box {
  margin-top: 20px
}

.share-box-fixed {
  position: fixed;
  top: 0;
  z-index: 20
}

.share-box .share-count {
  display: block;
  margin-bottom: 14px
}

.share-box .share-count i {
  vertical-align: middle
}

.share-box .share-count i:hover {
  opacity: .6
}

.share-box .share-count span {
  font: 20px/24px Georgia;
  color: #f85959;
  padding-left: 6px
}

.share-box .share-hr {
  background: #e8e8e8;
  height: 1px
}

.share-box .share-type {
  margin-top: 14px;
  font-size: 16px;
  cursor: pointer
}

.share-box .share-type i {
  vertical-align: middle
}

.share-box .share-type i:hover {
  opacity: .6
}

.share-box .share-type span {
  vertical-align: middle;
  padding-left: 12px;
  font-size: 16px
}

.share-box .share-weixin {
  position: relative
}

.share-box .share-weixin:hover .share-qrcode {
  display: block
}

.share-box .share-qrcode {
  display: none;
  width: 84px;
  height: 84px;
  border: 1px solid #ddd;
  position: absolute;
  top: 40px;
  border-radius: 3px;
  padding: 5px
}

.share-box .share-qrcode:before {
  content: "";
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #ddd;
  position: absolute;
  top: -16px;
  left: 34px
}

.share-box .share-qrcode:after {
  content: "";
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #fff;
  position: absolute;
  top: -15px;
  left: 34px
}

// WEBPACK FOOTER //
// webpack:///src/components/shareBox/src/sharebox.vue
